<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>蓝源Eloan-P2P平台(系统管理平台)</title>
<#include "../common/header.ftl"/>
<script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.twbsPagination.min.js"></script>
<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js" ></script>

<script type="text/javascript">

</script>
</head>
<body>
	<div class="container">
		<#include "../common/top.ftl"/>
		<div class="row">
			<div class="col-sm-3">
				<#assign currentMenu="ipLog"/>
				<#include "../common/menu.ftl" />
			</div>
			<div class="col-sm-9">
				<div class="page-header">
					<h3>登录日志查询</h3>
				</div>
				<form id="searchForm" class="form-inline" method="post" action="/ipLog">
					<input type="hidden" id="currentPage" name="currentPage" value="1"/>
					<div class="form-group">
					    <label>状态</label>
					     <select class="form-control" name="state" id="state">
					    	<option value="-1">全部</option>
					    	<option value="0">登录成功</option>
					    	<option value="1">登录失败</option>
					    </select>
					</div>
					<div class="form-group">
					    <label>登陆时间</label>
					    <input class="form-control beginDate" type="text" name="beginDate" value=''/>到
					    <input class="form-control endDate" type="text" name="endDate" value=''/>
					</div>
					<div class="form-group">
					    <label>用户类型</label>
					     <select class="form-control" name="userType" id="userType">
					    	<option value="-1">全部</option>
					    	<option value="0">后台管理员</option>
					    	<option value="1">前台用户</option>
					    </select>
					</div>
					<div class="form-group">
						<label>用户名</label>
						<input class="form-control" type="text" name="username" value=''/>
					</div>
					<div class="form-group">
						<button id="query" type="submit" class="btn btn-success"><i class="icon-search"></i> 查询</button>
					</div>
				</form>
				<div class="panel panel-default">
					<table class="table">
						<thead>
							<tr>
								<th>用户</th>
								<th>登录时间</th>
								<th>登录ip</th>
								<th>登录状态</th>
								<th>用户类型</th>
							</tr>
						</thead>
						<tbody id="tbody">
							<#list pageResult.listData as item>
                            <tr>
                                <td>${item.username!""}</td>
                                <td>${item.loginTime?string("yyyy-MM-dd HH:mm:ss")}</td>
                                <td>${item.ip}</td>
                                <td>${item.stateName}</td>
								<td>${item.userTypeName}</td>
                            </tr>
							</#list>
						</tbody>
					</table>
                    <div style="text-align: center;">
                        <ul id="pagination" class="pagination">
							<#include "../common/page.ftl"/>
						</ul>
                    </div>
				</div>
			</div>
		</div>
	</div>
<script>
    $("#searchForm input[name='beginDate']").click(function () {
        new WdatePicker({
            maxDate:$("#searchForm input[name='endDate']").val(),
            readOnly:true
        });
    });
    $("#searchForm input[name='endDate']").click(function () {
        new WdatePicker({
            minDate:$("#searchForm input[name='beginDate']").val(),
            maxDate:new Date(),
            readOnly:true
        });
    });
		<#if qo??>
			<#if qo.beginDate??>
					$("#searchForm input[name='beginDate']").val("${qo.beginDate?string("yyyy-MM-dd")}");
			</#if>
			<#if qo.endDate??>
				$("#searchForm input[name='endDate']").val("${qo.endDate?string("yyyy-MM-dd")}");
			</#if>
			<#if qo.userType??>
			    $("#searchForm select[name='userType']").val("${qo.userType}");
			</#if>
			<#if qo.username??>
			    $("#searchForm input[name='username']").val("${qo.username}");
			</#if>
		</#if>
    $("#state").val("${qo.state}");
</script>
</body>
</html>